<div *ngIf="Lists && Lists.length != 0">
    <div class="message-content" *ngFor="let list of Lists">
        <nz-card nzTitle="{{ list.username }}" nzSize="small">
                <p>联系方式 &nbsp; : &nbsp;
                        <span [ngSwitch]="list.contact_information.substring(0,1)">
                                <span *ngSwitchCase="'Q'"> (QQ)   </span>
                                <span *ngSwitchCase="'W'"> (微信) </span>
                                <span *ngSwitchCase="'E'"> (邮箱) </span>
                                <span *ngSwitchCase="'P'"> (电话) </span>
                        </span>
                        <span style="color: skyblue;">
                            {{ list.contact_information.substring(2,5) }}&nbsp;...
                            {{ list.contact_information.substring(list.contact_information.length - 2,list.contact_information.length) }}
                        </span>
                    <a (click)="pleaseLogin()"><i nz-icon nzType="eye" nzTheme="outline"></i></a>
                </p>
                <p>用户车位 &nbsp; : &nbsp; {{ list.user_carport_area }}&nbsp;区</p>
                <p>用户需要 &nbsp; : &nbsp; {{ list.ideal_area }}&nbsp;区</p>
                <p>置换可能 &nbsp; : &nbsp; 
                        <nz-rate   *ngIf="list.ideal_area !== User.userCarportArea && isTheBest === false" 
                                    [ngModel]="2.5" 
                                    nzAllowHalf 
                                    [nzDisabled]="true"></nz-rate>
                        <nz-rate   *ngIf="list.ideal_area === User.userCarportArea || isTheBest === true" 
                                    [ngModel]="5" 
                                    nzAllowHalf 
                                    [nzDisabled]="true"></nz-rate>
                </p>
        </nz-card>
        <nz-modal   [(nzVisible)]="isVisible" 
                    nzTitle="登录后才可以查看联系方式哦！！！"
                    (nzOnCancel)="handleCancel()">
                <p>已有账号请点击登录</p>
                <p>没有账号请点击下方导航进入注册 &nbsp;
                    <i nz-icon nzType="down-circle" nzTheme="twotone"></i>
                </p>
                <div *nzModalFooter>
                    <button nz-button nzType="default" (click)="handleCancel()">取消</button>
                    <button nz-button nzType="primary" (click)="handleRegister()">注册</button>
                    <button nz-button nzType="primary" (click)="handleLogin()" [nzLoading]="isConfirmLoading">登录</button>
                </div>
        </nz-modal>
    </div>
    <div class="all-data" *ngIf="isAllData === true">
        <p>全部数据已加载完成</p>
    </div>
</div>
<div *ngIf="Lists && Lists.length == 0">
    <p>没有合适的置换方案</p>
</div>